﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="UniSenderSample">
<head>
    <title>UniSender.NET Sample</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <style>
        a[role="button"] { cursor: pointer; }
    </style>

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="/js/unisender.js"></script>
</head>
<body>
    <div id="loading" class="text-center hidden" style="margin-top: 5%;">
        <h2>Loading...</h2>
    </div>
    <div id="signin" class="container" style="margin-top: 5%;">
        <div class="jumbotron row">
            <h2>UniSender.NET Sample</h2>
            <p>Укажите параметры подключения к UniSender API</p>
            <div class="form-group col-lg-8 col-md-10 col-xs-12">
                <label for="api_lang">Язык API</label>
                <select id="api_lang" class="form-control">
                    <option value="ru">Русский</option>
                    <option value="en">Emglish</option>
                    <option value="it">Italiano</option>
                </select>
            </div>
            <div class="form-group col-lg-8 col-md-10 col-xs-12">
                <label for="api_key">Ключ API</label>
                <input type="text" value="" id="api_key" class="form-control" />
            </div>
            <div class="form-group col-xs-12">
                <button type="button" id="go" class="btn btn-primary">Поехали!</button>
            </div>
        </div>
    </div>
    <div id="list" class="container">
        <h2>Список рассылок</h2>
        <ul class="hidden"></ul>
    </div>
</body>
</html>
